<template>
	<view class="tui-customer-box">
		<button :style="{
			'bottom': `${bottom}rpx`
		}" open-type="contact" :session-from="config.merchantId">			
			<image src="https://cwmall.oss-cn-shanghai.aliyuncs.com/mp-icon/customer.svg" mode=""></image>
			<span>客服</span>
		</button>
	</view>
</template>

<script>
import config from '../../../config'
export default {
	name: 'tui-customer',
	props:{
		bottom: {
			type: [Number, String],
			default: 20
		}
	},
	data() {
		return {
			
		}
	},
	mounted() {
		// console.log(config,"<<<<<<")
	}
}
</script>

<style lang="scss" scoped>
	.tui-customer-box{
			
		button{
			
			position: fixed;
			right: 20upx;
			bottom: 150upx;
			width: 90upx;
			height: 90upx;
			// overflow: hidden;
			display: flex;
			justify-content: center;
			align-items: center;
			flex-direction: column;
			background-color: #fff;
			border-radius: 1000px;
			box-shadow: 2px 2px 1px #eee;
			border: 1px solid #ECECEC;
			image{
				width: 42upx;
				height: 42upx;
				display: block;
			}
			span{
				font-size: 18upx;
				color: #333;
				text-align: center;
			}
		}
	}
</style>

